<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>古版小米商城</title>
  <!-- 引入的目录结构按照 dist 文件夹下的目录结构引入 -->
  <link rel="shortcut icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="../lib/swiper/css/swiper.min.css">
  <link rel="stylesheet" href="../lib/font/iconfont.css">
  <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../sass/reset.css">
  <link rel="stylesheet" href="../sass/head.css">
  <link rel="stylesheet" href="../sass/herder.css">
  <link rel="stylesheet" href="../sass/side.css">
  <link rel="stylesheet" href="../sass/two.css">
  <link rel="stylesheet" href="../sass/three.css">
  <link rel="stylesheet" href="../sass/three-jiadian.css">
  <link rel="stylesheet" href="../sass/three-zhineng.css">
  <link rel="stylesheet" href="../sass/three-dapei.css">
  <link rel="stylesheet" href="../sass/three-peijian.css">
  <link rel="stylesheet" href="../sass/three-zhoubian.css">
  <link rel="stylesheet" href="../sass/three-shipin.css">
  <link rel="stylesheet" href="../sass/four.css">
  <link rel="stylesheet" href="../sass/huidaodingbu.css">

</head>

<body>
  <div id="app">
    <!-- 第一部分 -->
    <!--  -->
    <div>
      <div class="one">
        <div class="head">
          <div class="container">
            <div class="img"></div>
          </div>
        </div>

        <div class="headerG">
          <div class="container">
            <ul class="gu">
            </ul>

            <ol>
              <li>登入</li>
              <li>|</li>

              <li>注册</li>
              <li>|</li>
              <li>消息通知</li>
            </ol>
            <div class="card">
              <div class="iconliang">
                <span class="icon iconfont">&#xe600;</span>
                <span class="iconright">购物车(0)</span>
              </div>
              <div class="cardxiahua">
                <img src="../images/loadimg.jpg" alt="" class="loadimg">
                <div class="xiahuazi">购物车还没有商品，赶紧选购吧</div>
              </div>
            </div>
          </div>

        </div>

        <div class="side">
          <div class="container">
            <div class="header-logo">
              <div class="mimi">
                <img src="//s02.mifile.cn/assets/static/image/mi-home.png" alt="" class="fimg">
                <img src="//s02.mifile.cn/assets/static/image/mi-logo.png" alt="" class="zimg">

              </div>



            </div>
            <div class="header-nav ">
              <ul class="nav-list">
                <li class="nav-category"></li>
              </ul>
            </div>
            <div class="nav_box">
              <ul class="container">
              </ul>
            </div>
            <div class="header-search">
              <div class="inpj">
                <input type="text">
              </div>
              <div class="butj">
                <button><span class="icon iconfont">&#xe682;</span></button>
              </div>
              <div class="keyword-list">
                <ul>
                  <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B311">小米 11</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E7%AC%94%E8%AE%B0%E6%9C%AC">笔记本</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%20Note%209%20"> Note 9 </a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B310">小米10</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E8%80%B3%E6%9C%BA">耳机</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E5%85%A8%E9%83%A8%E5%95%86%E5%93%81">全部商品</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E5%8A%A0%E6%B9%BF%E5%99%A8">加湿器</a></li>
                  <li><a href="https://www.mi.com/search?keyword=%E6%B4%97%E8%A1%A3%E6%9C%BA">洗衣机</a></li>
                </ul>

              </div>
            </div>
          </div>
        </div>
      </div>

    </div>
    <!-- 第二部分 -->
    <!--  -->
    <!--  -->
    <div class="two">
      <div class="home-hero">
        <div class="container">
          <div class="banner container">
            <div class="swiper-container" id="swiper1">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb8859c31e431fe84c8977705d1bd442.jpg?w=2452&h=920"
                    alt="">
                </div>
                <div class="swiper-slide">
                  <img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d02e4b6ad0586f61339a042bacb1c45.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                    alt="">
                </div>
                <div class="swiper-slide">
                  <img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9ebff5f5c1f52f2dbdd611897adbefd4.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                    alt="">
                </div>
                <div class="swiper-slide">
                  <img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0ef4160c861b998239bce9adb82341e7.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                    alt="">
                </div>
                <div class="swiper-slide">
                  <img
                    src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/ed75f405134dedd9b4f20038595145a3.jpg?thumb=1&w=2452&h=920&f=webp&q=90"
                    alt="">
                </div>
              </div>
              <!-- 如果需要分页器, 下面的小圆点 -->
              <div class="swiper-pagination"></div>

              <!-- 如果需要导航按钮, 所有切换 -->
              <div class="swiper-button-prev prev"></div>
              <div class="swiper-button-next"></div>

              <!-- 如果需要滚动条 -->
              <!-- <div class="swiper-scrollbar"></div> -->
            </div>
            <div class="nav_list">
              <ul>
              </ul>
            </div>
            <div class="nav_list_erji"></div>
          </div>
          <div class="home-hero-sub">
            <div class="span4">
              <ul class="home-channel-list">
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/82abdba456e8caaea5848a0cddce03db.png?w=48&amp;h=48"
                      alt="小米秒杀">
                    小米秒杀
                  </a></li>
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/806f2dfb2d27978e33fe3815d3851fa3.png?w=48&amp;h=48"
                      alt="企业团购">
                    企业团购
                  </a></li>
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/eded6fa3b897a058163e2485532c4f10.png?w=48&amp;h=48"
                      alt="F码通道">
                    F码通道
                  </a></li>
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/43a3195efa6a3cc7662efed8e7abe8bf.png?w=48&amp;h=48"
                      alt="米粉卡">
                    米粉卡
                  </a></li>
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4846bca6010a0deb9f85464409862af.png?w=48&amp;h=48"
                      alt="以旧换新">
                    以旧换新
                  </a></li>
                <li><a>
                    <img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9a76d7636b08e0988efb4fc384ae497b.png?w=48&amp;h=48"
                      alt="话费充值">
                    话费充值
                  </a></li>
              </ul>
            </div>
            <div class="span16">
              <ul class="home-promo-list">
                <li class=" first "><a><img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d4298059889417157e8492750328492.jpg?w=632&amp;h=340"
                      alt=""></a></li>
                <li><a><img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8a43378b96501d7e227a9018fe2668c5.jpg?w=632&amp;h=340"
                      alt=""></a></li>
                <li><a><img
                      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/793913688bfaee26b755a0b0cc8575fd.jpg?w=632&amp;h=340"
                      alt=""></a></li>
              </ul>
            </div>
          </div>
        </div>


      </div>
    </div>

    <!-- 第三部分 -->
    <!--  -->
    <!--  -->
    <div class="three">
      <div class="container">
        <!--秒杀部分-->
        <div class="home-flashsale">
          <div class="box-hd">
            <h2 class="title">小米秒杀</h2>
          </div>
          <div class="box-bd">
            <div class="rowte">
              <div class="flashsale-countdown">
                <div class="round"></div>
                <img src="data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAA1CAYAAAAklDnhAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJ
                bWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp
                bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6
                eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1
                MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo
                dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw
                dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv
                IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS
                ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD
                cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5j
                ZUlEPSJ4bXAuaWlkOjY4Q0ZFMkY5MTJFNzExRThCMkM4OEM1RTNBNjczQUVBIiB4bXBNTTpEb2N1
                bWVudElEPSJ4bXAuZGlkOjY4Q0ZFMkZBMTJFNzExRThCMkM4OEM1RTNBNjczQUVBIj4gPHhtcE1N
                OkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjhDRkUyRjcxMkU3MTFFOEIy
                Qzg4QzVFM0E2NzNBRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjhDRkUyRjgxMkU3MTFF
                OEIyQzg4QzVFM0E2NzNBRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94Onht
                cG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5oEyacAAACoklEQVR42sSYv0tbURTHX0LqD6T4g4pE
                cHDoUOloBxVd/QFFEcQqWtrSKlKFmmAslopohzgIbv4FwUEE0clFujiIi+BSIbRQ0ooKRReRULHf
                S48Qgu++c3/FAx+iyU3eJzf3nnPuC/1qavQ04zVY8szjCHRGNN9cBD6DSkOJKzAGzsOaH/AW1FuY
                jRg4EH/oiJSCTxYk1sDK7T86Iu9BraHED/Au9wlVkYdg2lAiC/rBhYnIB/DIUOQj2M9/UkWkCsQN
                JbbA8l0vqIhMgXIDiZ/gFbgxEakBEwYSf8Eg+OM3gCsyA8oMRETy25UN4IjUgVEDiW2wGDSIIzIL
                ijUljsFLv3WhIvKYFphOXNO6OOUMDhKZA7qFcQF85Q6WXeQpeKEpcULlvY8xthp8iwR8I93qLLb7
                KnOsSPWNfhd6Bro99yHqTi9IhyWzEXIsIXbSG7Djt1jbQHsBZkMkyZRs13wpgIRoiJKy7dsBWh1L
                bN5Vt3JFQrQ2XMYeGKBk5yvSI7aRQ4k0eA4uZZlVPM47lDgTZxd6lKb4AcqkLuKSZiIdVGsiVFNc
                xDV9yT1Orekjoe+MDw4pHqwmaJewit66Ql0QaX+DOTaZe4DitAFZxQaaEynKnJ6KCDeaQAtj3A7V
                kBtXIpwT3iFV06zqquaKPKEtKIsM6Mo/StoWiQeMvSCJjO4+54hEwTCjuTk0STgckUm6QxTY3LgU
                Kc+/jyFrblyKCIkKbnPjSkT8HDGV5saVyBAtVHZz40Ik7HNTRtrcuBARF2tQbW5ciCR0mhvbIs2E
                cnNjWySh29zYFGnIK25KzY1Nkdziptzc2BKJUu7Qbm5sicQom2o3NzZEKqiu/DZpbmyIjIAHNBMZ
                7x4iTALjhcgVQSIl3v87w5vePcY/AQYAFYR6skFSqBUAAAAASUVORK5CYII=" alt="小米闪购">
                <div class="desc"></div>
                <div class="countdown"><span></span><i>:</i><span></span><i>:</i><span></span></div>
              </div>
              <!-- 轮播图 -->
              <div class="swiper-container" id="swiper2">
                <ul class="swiper-wrapper">
                  <li class="swiper-slide li1">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7827f0294b27dddf5c696cb7c9c36b76.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">小米无线鼠标 Lite 黑色</h3>
                      <p class="desc">简约设计，轻盈握感</p>
                      <p class="price">
                        <span>29</span>元
                        <del>39元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li2">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0c7748338e22822f2e900363dafad666.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">米兔儿童滑板车 蓝</h3>
                      <p class="desc">安全好玩的酷玩具</p>
                      <p class="price">
                        <span>199</span>元
                        <del>249元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li3">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5ac0375260c0174eb06ee71065aab1ff.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">Redmi智能电视A65 黑色 65英寸</h3>
                      <p class="desc">4K超高清 细腻还原真实影像</p>
                      <p class="price">
                        <span>2699</span>元
                        <del>2799元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li4">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f92efb2e23414a5d1df5856600b0888b.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">米家黄麻抗菌护脊床垫 1.5米</h3>
                      <p class="desc">黄麻偏硬护脊 抗菌防霉无异味</p>
                      <p class="price">
                        <span>1249</span>元
                        <del>1499元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li5">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b15efc342a60b6016c6c1092884f49d.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">小米笔记本Air 12.5" 2019款 8代i5 4G 256G 银色</h3>
                      <p class="desc">像杂志一样随身携带</p>
                      <p class="price">
                        <span>3999</span>元
                        <del>4299元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li6">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/de0ab08764eaad66e700f8aa4071ef35.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">小米净水器400G增强版 白色</h3>
                      <p class="desc">RO反渗透，大流量直出纯净水</p>
                      <p class="price">
                        <span>1098</span>元
                        <del>1499元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li7">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cb4374160086d2ee9ed43d681790eb4.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">Redmi智能电视A43 黑色 43英寸</h3>
                      <p class="desc">系统全新升级，懂内容，也懂你</p>
                      <p class="price">
                        <span>1299</span>元
                        <del>1399元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li8">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/dd7d4c781fb22a973179a86b9f3cd8b8.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">Redmi G i5/16GB/512GB PCIe/GTX 1650Ti/144Hz</h3>
                      <p class="desc">不满足一种突破，也不安于被视野束缚</p>
                      <p class="price">
                        <span>5799</span>元
                        <del>6299元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li9">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b76c32a6b8beb73d00e22d7199bcba8.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">纯麦无线K歌麦克风 U7PRO</h3>
                      <p class="desc">小米电视专属定制，全场景麦克风</p>
                      <p class="price">
                        <span>359</span>元
                        <del>399元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li10">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c37abadf814eaf0e8e109012b724aa99.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">米家全自动迷你波轮洗衣机 3kg 白色</h3>
                      <p class="desc">高温煮洗，内衣呵护</p>
                      <p class="price">
                        <span>799</span>元
                        <del>1099元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li11">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/dab85301cbc00cb185eb822c6145d570.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">小莫智能划船机 Pro</h3>
                      <p class="desc">还原赛艇体验，锻炼全身80%+肌肉</p>
                      <p class="price">
                        <span>2499</span>元
                        <del>4899元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li12">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0b15efc342a60b6016c6c1092884f49d.png?thumb=1&w=400&h=400&f=webp&q=90"
                          lazy="loaded">
                      </div>
                      <h3 class="title">小米笔记本Air 12.5" 2019款 8代M3 4G 128G</h3>
                      <p class="desc">像杂志一样随身携带</p>
                      <p class="price">
                        <span>3299</span>元
                        <del>3599元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                  <li class="swiper-slide li13">
                    <div class="content">
                      <div class="thumb">
                        <img
                          src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/044ecc7925041575c2531f1c51682b21.png?thumb=1&w=400&h=400&f=webp&q=90">
                      </div>
                      <h3 class="title">15.6 Pro i5 8G 256G MAX-Q游戏显卡</h3>
                      <p class="desc">更强悍的专业笔记本 </p>
                      <p class="price">
                        <span>5599</span>元
                        <del>6299元</del>
                      </p>
                      <!---->
                    </div>
                  </li>
                </ul>
              </div>
              <!-- 如果需要导航按钮, 所有切换 -->
              <div class="swiperjj">
                <span class="span-prev">
                  <div class="swiper-button-prev"></div>
                </span>
                <span class="span-next">
                  <div class="swiper-button-next"></div>
                </span>
              </div>
            </div>
          </div>
          <!---->
          <!---->

        </div>
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a59db7dac2804ee2b5c7be1b02b3770e.jpg?thumb=1&amp;w=2452&amp;h=240&amp;f=webp&amp;q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!-- 手机部分 -->
        <div class="home-brick-box">
          <div class="box-hd">
            <h2 class="title">手机</h2>
            <div class="more">
              <a href="//www.mi.com/a/h/14933.html" class="more-link" stat_exposure="true">查看全部
                <i class="iconfont iconfont-arrow-right-big">&#xe603;</i>
              </a>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item-l">
                    <img
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cb1bd61ad71c45a4f67f09b075463944.jpeg?thumb=1&amp;w=468&amp;h=1228&amp;f=webp&amp;q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <ul class="brick-list">
                  <li class="brick-item">
                    <div class="figure-img">
                      <img width="160" height="160" alt="小米11"
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a260090e0e08770b0bd865845a4b4ab.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a260090e0e08770b0bd865845a4b4ab.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded">
                    </div>
                    <h3 class="title">
                      小米11
                    </h3>
                    <p class="desc">骁龙888 | 2K四曲面屏</p>
                    <p class="price"><span class="num">3999</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure-img">
                      <img width="160" height="160" alt="Note 9 Pro "
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/4e75e528fb468aee107f551179aa0799.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded">
                    </div>
                    <h3 class="title">
                      Note 9 Pro
                    </h3>
                    <p class="desc">一亿像素夜景相机，120Hz六档变速高刷屏</p>
                    <p class="price"><span class="num">1599</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="Note 9 "
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/de2f71a797a74e1ca70f1fb4570bc026.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      Note 9
                    </h3>
                    <p class="desc">天玑 800U处理器，5000mAh电池</p>
                    <p class="price"><span class="num">1299</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="Note 9 4G"
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/13f10e47913f9dc82e6c6a6199f413cd.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      Note 9 4G
                    </h3>
                    <p class="desc">6000mAh长续航</p>
                    <p class="price"><span class="num">999</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="小米10 至尊版"
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      小米10 至尊版
                    </h3>
                    <p class="desc">120X 变焦/120W秒充/120Hz屏幕</p>
                    <p class="price"><span class="num">5299</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="Redmi K30S 至尊纪念版"
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cf7a05df86a858a1f391a0378d8c27d.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7cf7a05df86a858a1f391a0378d8c27d.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      Redmi K30S 至尊纪念版
                    </h3>
                    <p class="desc">144Hz[7档]变速高刷屏</p>
                    <p class="price"><span class="num">2599</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="Redmi K30 至尊版"
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3b19bf0e7e599c1bbbce510fb0dbc8bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      Redmi K30 至尊版
                    </h3>
                    <p class="desc">120Hz弹出全面屏，天玑1000+旗舰处理器</p>
                    <p class="price"><span class="num">1999</span>元<span>起</span>
                      <!---->
                    </p>
                  </li>
                  <li class="brick-item">
                    <div class="figure figure-img"><img width="160" height="160" alt="腾讯黑鲨3S "
                        data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/237942bfcaf2bbe82fbe966c2f584d69.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/237942bfcaf2bbe82fbe966c2f584d69.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                        lazy="loaded"></div>
                    <h3 class="title">
                      腾讯黑鲨3S
                    </h3>
                    <p class="desc">骁龙865处理器，120Hz刷新率</p>
                    <p class="price"><span class="num">3999</span>元
                      <!---->
                      <!---->
                    </p>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&amp;w=2452&amp;h=240&amp;f=webp&amp;q=90"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/41d16e66381cfeda7b6b39ab67678d5e.jpg?thumb=1&amp;w=2452&amp;h=240&amp;f=webp&amp;q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 家电部分 -->
        <div class="home-brick-box home-brick-box-jiadian">
          <div class="box-hd">
            <h2 class="title">家电</h2>
            <div class="more">
              <ul class="tab-list">
                <li class="tab-active">
                  热门
                </li>
                <li class="">
                  电视影音
                </li>
              </ul>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&amp;w=468&amp;h=600&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/116fc43816b87192be4e67cf762e8da5.jpeg?thumb=1&amp;w=468&amp;h=600&amp;f=webp&amp;q=90"
                      lazy="loaded">
                  </li>
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e03c0fe4af4d613603f22aaa8e0ea00.jpg?thumb=1&amp;w=468&amp;h=600&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e03c0fe4af4d613603f22aaa8e0ea00.jpg?thumb=1&amp;w=468&amp;h=600&amp;f=webp&amp;q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <div class="span16_div1">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item ">
                        <div class="figure-img">
                          <img width="160" height="160" alt="小米全面屏电视65英寸 E65X"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          小米全面屏电视65英寸 E65X
                        </h3>
                        <p class="desc">全面屏设计</p>
                        <p class="price">
                          <span class="num">2899</span>元
                          <!---->
                          <del><span class="num">3099</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="全面屏电视E43K"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          全面屏电视E43K
                        </h3>
                        <p class="desc">全面屏设计，海量内容</p>
                        <p class="price">
                          <span class="num">1299</span>元
                          <!---->
                          <del><span class="num">1399</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img">
                          <img width="160" height="160" alt="小米电视4A 70英寸	"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9d8674cd21c486feff5328772ab9cf01.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          小米电视4A 70英寸
                        </h3>
                        <p class="desc">大屏更享受</p>
                        <p class="price"><span class="num">3299</span>元
                          <!----><del><span class="num">3999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家空调"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&amp;w=400&amp;h=400"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/2b911be4c2f156bb6e4cf367c6080045.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家空调
                        </h3>
                        <p class="desc">出众静音，快速制冷热</p>
                        <p class="price"><span class="num">1699</span>元
                          <!----><del><span class="num">1799</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家互联网洗烘一体机 Pro 10kg"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec20453216dcd42f982cffe5fdbc3115.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec20453216dcd42f982cffe5fdbc3115.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家互联网洗烘一体机 Pro 10kg
                        </h3>
                        <p class="desc">智能洗烘，省心省力</p>
                        <p class="price"><span class="num">2899</span>元
                          <!----><del><span class="num">3299</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi全自动波轮洗衣机1A 8kg"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8c63a2024528fe5410ebe669b7d2407.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/b8c63a2024528fe5410ebe669b7d2407.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi全自动波轮洗衣机1A 8kg
                        </h3>
                        <p class="desc">一键操作，父母都爱用</p>
                        <p class="price"><span class="num">799</span>元
                          <!----><del><span class="num">899</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Air 13.3&quot; 2019款 "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/74e573c4c0d89048392d14831cc507d5.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Air 13.3" 2019款
                        </h3>
                        <p class="desc">新一代独立显卡</p>
                        <p class="price"><span class="num">5399</span>元<span>起</span>
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img">
                          <img width="80" height="80" alt="米家互联网烟灶套装（天然气）"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e5f89adf98ab3fccb34012b5209cd58.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          米家互联网烟灶套装 ( 天然气 )
                        </h3>
                        <p class="price"><span class="num">1999</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more">
                        <i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i>
                      </div>
                      <div class="more">
                        浏览更多
                        <small>热门</small>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="span16_div2">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="全面屏电视E43K"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/20d36fbaa18625e4fe507af31e4e9f83.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          全面屏电视E43K
                        </h3>
                        <p class="desc">全面屏设计，海量内容</p>
                        <p class="price"><span class="num">1299</span>元
                          <!----><del><span class="num">1399</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="全面屏电视 55英寸E55X"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f193daba3989eadac5e13ae102b91582.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          全面屏电视 55英寸E55X
                        </h3>
                        <p class="desc">潮流全面屏设计</p>
                        <p class="price"><span class="num">2199</span>元
                          <!----><del><span class="num">2399</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米电视4A 60英寸"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ecbe6a6c0d4950b78b086d7ada654e3b.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          小米电视4A 60英寸
                        </h3>
                        <p class="desc">人工智能语音系统,超高清画质</p>
                        <p class="price"><span class="num">2599</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米电视4S 75英寸"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/7e2127506fd2209f3115828404269d45.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loading"></div>
                        <h3 class="title">
                          小米电视4S 75英寸
                        </h3>
                        <p class="desc">4K HDR，人工智能语音</p>
                        <p class="price"><span class="num">4499</span>元
                          <!----><del><span class="num">5999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米全面屏电视65英寸 E65X"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03a9e7e96a09d256ca1badeec186c859.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          小米全面屏电视65英寸 E65X
                        </h3>
                        <p class="desc">全面屏设计</p>
                        <p class="price"><span class="num">2899</span>元
                          <!----><del><span class="num">3099</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米全面屏电视E32C"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b3fe3a07ef69fb4c959e39c768c7525.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          小米全面屏电视E32C
                        </h3>
                        <p class="desc">全面屏设计，人工智能系统</p>
                        <p class="price"><span class="num">799</span>元
                          <!----><del><span class="num">999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi智能电视A55"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f674ced205c2e81125dfd2d6659aabfc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          Redmi智能电视A55
                        </h3>
                        <p class="desc">澎湃音效影院级体验</p>
                        <p class="price"><span class="num">1999</span>元
                          <!----><del><span class="num">2199</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="Redmi 智能电视 MAX 98''"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8861fafd390bf76f7446d4db2053560f.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loading"></div>
                        <h3 class="title">
                          Redmi 智能电视 MAX 98''
                        </h3>
                        <p class="price"><span class="num">19999</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>电视影音</small>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/59e8fc8ba9718c266882719fb4bbcedd.jpg?thumb=1&w=2452&h=240&f=webp&q=90"
            lazy="loaded">
        </div>

        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 智能部分 -->
        <div class="home-brick-box home-brick-box-zhineng">
          <div class="box-hd">
            <h2 class="title">智能</h2>
            <div class="more">
              <ul class="tab-list">
                <li class="tab-active">
                  热门
                </li>
                <li class="">
                  安防
                </li>
                <li class="">
                  出行
                </li>
              </ul>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe114f73fac3a45e5622c3eff56106b.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7e03c0fe4af4d613603f22aaa8e0ea00.jpg?thumb=1&amp;w=468&amp;h=600&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a660ce095e8f553a9ed1515265f4e9fc.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <div class="span16_div1">
                  <ul class="brick-list ">
                    <div>
                      <li class="brick-item">
                        <div class="figure-img">
                          <img width="160" height="160" alt="小米小爱音箱 Play"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e7c6e79433c883e1a022ec21402c1679.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          小米小爱音箱 Play
                        </h3>
                        <p class="desc">听音乐、语音遥控家电</p>
                        <p class="price"><span class="num">99</span>元
                          <!----><del><span class="num">169</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能窗帘"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3accd497afc0047cfbd40f442e3b17df.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3accd497afc0047cfbd40f442e3b17df.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能窗帘
                        </h3>
                        <p class="desc">窗帘开合随心控</p>
                        <p class="price"><span class="num">799</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米体脂秤2"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/550177d2e54387521bce9e78cb2949dd.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/550177d2e54387521bce9e78cb2949dd.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米体脂秤2
                        </h3>
                        <p class="desc">轻松掌握身体脂肪率</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="九号平衡车"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&amp;w=400&amp;h=400"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loaded"></div>
                        <h3 class="title">
                          九号平衡车
                        </h3>
                        <p class="desc">年轻人的酷玩具</p>
                        <p class="price"><span class="num">1799</span>元
                          <!----><del><span class="num">1999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米智能门锁 推拉式"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a312d69c1a5447c9e3d14d42d01a8fb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5a312d69c1a5447c9e3d14d42d01a8fb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米智能门锁 推拉式
                        </h3>
                        <p class="desc">一步推拉，高端智能门锁</p>
                        <p class="price"><span class="num">1499</span>元
                          <!----><del><span class="num">1699</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi小爱触屏音箱 8英寸"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/49f30069c778b494257320d9da5a1a60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/49f30069c778b494257320d9da5a1a60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi小爱触屏音箱 8英寸
                        </h3>
                        <p class="desc">超大屏，让智能更多可能</p>
                        <p class="price"><span class="num">349</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米手环5"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec0ec7692ba005710d1887262559609c.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ec0ec7692ba005710d1887262559609c.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米手环5
                        </h3>
                        <p class="desc">11种运动模式 磁吸式充电</p>
                        <p class="price"><span class="num">169</span>元<span>起</span><del><span
                              class="num">189</span>元</del></p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img">
                          <img width="80" height="80" alt="米家空气净化器Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f10b003b4ff46c59f5736e8f324af034.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f10b003b4ff46c59f5736e8f324af034.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          米家空气净化器Pro
                        </h3>
                        <p class="price"><span class="num">1099</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more">
                        <i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i>
                      </div>
                      <div class="more">
                        浏览更多
                        <small>热门</small>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="span16_div2">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能门锁 标准锁体 碳素黑"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2f33baec53cc73e2942277640ba6e710.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能门锁 标准锁体 碳素黑
                        </h3>
                        <p class="desc">一体化活体指纹识别，多种开锁方式</p>
                        <p class="price"><span class="num">1099</span>元
                          <!----><del><span class="num">1299</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能门锁 标准锁体 磨砂金"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1840f64ea310ca8013385885baaf16a8.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1840f64ea310ca8013385885baaf16a8.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能门锁 标准锁体 磨砂金
                        </h3>
                        <p class="desc">全新磨砂金配色，精湛工艺升级</p>
                        <p class="price"><span class="num">1099</span>元
                          <!----><del><span class="num">1499</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能门锁 推拉式 通用版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0baacf6e54cbf89cab2c543cc02344e9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0baacf6e54cbf89cab2c543cc02344e9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能门锁 推拉式 通用版
                        </h3>
                        <p class="desc">一步推拉，高端智能门锁</p>
                        <p class="price"><span class="num">1499</span>元
                          <!----><del><span class="num">1699</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能门锁 青春版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0245498a0e08b87ba8c323871c5d48bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0245498a0e08b87ba8c323871c5d48bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能门锁 青春版
                        </h3>
                        <p class="desc">隐形指纹识别设计 简单一步快进家门</p>
                        <p class="price"><span class="num">899</span>元
                          <!----><del><span class="num">999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能门锁 霸王锁体 碳素黑"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e83e1ab5947337d7b631e056b3e0f23d.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e83e1ab5947337d7b631e056b3e0f23d.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能门锁 霸王锁体 碳素黑
                        </h3>
                        <p class="desc">一体化活体指纹识别，多种开锁方式</p>
                        <p class="price"><span class="num">1399</span>元
                          <!----><del><span class="num">1599</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img">
                          <img width="160" height="160" alt="米家智能门锁 霸王锁体 磨砂金"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fa7cdb455f106da904e8c3f6156abc06.jpg?thumb=1&w=400&h=400&f=webp&q=90"
                            lazy="loaded">
                        </div>
                        <h3 class="title">
                          米家智能门锁 霸王锁体 磨砂金
                        </h3>
                        <p class="desc">适配霸王锁体，多种开锁方式</p>
                        <p class="price"><span class="num">1399</span>元
                          <!----><del><span class="num">1799</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <!---->
                        <small>安防</small>
                      </div>
                      </a>
                    </li>
                  </ul>
                </div>
                <div class="span16_div3">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米兔折叠婴儿推车"
                            data-src="//i8.mifile.cn/b2c-mimall-media/18a82e7cda6ecbc22ecee7ac927d6ff9!400x400.jpg"
                            src="//i8.mifile.cn/b2c-mimall-media/18a82e7cda6ecbc22ecee7ac927d6ff9!400x400.jpg"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米兔折叠婴儿推车
                        </h3>
                        <p class="desc">出发去向往的地方</p>
                        <p class="price"><span class="num">699</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="九号平衡车 Plus"
                            data-src="//i8.mifile.cn/v1/a1/877d3ce8-68ab-7506-2a78-55a8c0fba946!400x400.png"
                            src="//i8.mifile.cn/v1/a1/877d3ce8-68ab-7506-2a78-55a8c0fba946!400x400.png" lazy="loaded">
                        </div>
                        <h3 class="title">
                          九号平衡车 Plus
                        </h3>
                        <p class="desc">一个形影不离的新伙伴</p>
                        <p class="price"><span class="num">2999</span>元
                          <!----><del><span class="num">3499</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家充气宝"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0294e2f3997bf0cffb7bf48361d03588.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0294e2f3997bf0cffb7bf48361d03588.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家充气宝
                        </h3>
                        <p class="desc">便携电动打气筒</p>
                        <p class="price"><span class="num">199</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米小背包"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/12fe0ea5e8dafecce5ffa65108796683.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/12fe0ea5e8dafecce5ffa65108796683.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米小背包
                        </h3>
                        <p class="desc">城市休闲，简约设计</p>
                        <p class="price"><span class="num">29</span>元<span>起</span>
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="骑记电动助力自行车 新国标版 黑色"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3520b7c57449585bc3185d31b9d9bd08.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3520b7c57449585bc3185d31b9d9bd08.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          骑记电动助力自行车 新国标版 黑色
                        </h3>
                        <p class="desc">更多助力选择，更多城市风景</p>
                        <p class="price"><span class="num">2799</span>元
                          <!----><del><span class="num">2999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米米家对讲机2"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d86c1eb8f5525bc4c76c8e0e98db7446.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米米家对讲机2
                        </h3>
                        <p class="desc">向更远出发</p>
                        <p class="price"><span class="num">449</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="九号平衡车"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&amp;w=400&amp;h=400"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/T1r_x_BgLT1RXrhCrK.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loaded"></div>
                        <h3 class="title">
                          九号平衡车
                        </h3>
                        <p class="desc">年轻人的酷玩具</p>
                        <p class="price"><span class="num">1799</span>元
                          <!----><del><span class="num">1999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="米家电动滑板车1S"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3622a82de99a8a3ee1aeb2b2b7586209.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3622a82de99a8a3ee1aeb2b2b7586209.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家电动滑板车1S
                        </h3>
                        <p class="price"><span class="num">1799</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <!---->
                        <small>出行</small>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/01cc6a570d32a2ee09a2d5c2009a9968.jpg?thumb=1&w=2452&h=240&f=webp&q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 搭配部分 -->
        <div class="home-brick-box home-brick-box-dapei">
          <div class="box-hd">
            <h2 class="title">搭配</h2>
            <div class="more">
              <ul class="tab-list">
                <li class="tab-active">
                  热门
                </li>
                <li class="">
                  耳机音箱
                </li>
              </ul>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/6874615b3c50e837ffe532eb6ea4ef1a.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f6c89cf21efc23799f6130224cef007.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <div class="span16_div1">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt=" 小米真无线蓝牙耳机Air 2 Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5fc35cf0af915a9e60f5d4ea220521ab.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/5fc35cf0af915a9e60f5d4ea220521ab.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米真无线蓝牙耳机Air 2 Pro
                        </h3>
                        <p class="desc"> 主动降噪/持久续航/无线充</p>
                        <p class="price"><span class="num">679</span>元
                          <!----><del><span class="num">699</span>元</del>
                        </p>
                        </a>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="高速无线充套装"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          高速无线充套装
                        </h3>
                        <p class="desc">快速无线闪充，Qi充电标准</p>
                        <p class="price"><span class="num">149</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi AirDots 2真无线蓝牙耳机"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi AirDots 2真无线蓝牙耳机
                        </h3>
                        <p class="desc">支持蓝牙5.0，自动秒连，拿起就能用</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米真无线蓝牙耳机Air 2s"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米真无线蓝牙耳机Air 2s
                        </h3>
                        <p class="desc">全面升级，智慧真无线</p>
                        <p class="price"><span class="num">369</span>元
                          <!----><del><span class="num">399</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi充电宝 10000mAh 标准版 白色"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea8e42faebf7d76a4cb42b8930cf9e46.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ea8e42faebf7d76a4cb42b8930cf9e46.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi充电宝 10000mAh 标准版 白色
                        </h3>
                        <p class="desc">10000mAh大电量 </p>
                        <p class="price"><span class="num">59</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi充电宝 20000mAh 快充版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/eaf70e0e9905de6452f07b1f48fcc386.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/eaf70e0e9905de6452f07b1f48fcc386.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi充电宝 20000mAh 快充版
                        </h3>
                        <p class="desc">大容量， 可上飞机 </p>
                        <p class="price"><span class="num">89</span>元
                          <!----><del><span class="num">99</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米插线板 5孔位"
                            data-src="//i8.mifile.cn/v1/a1/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!400x400.jpg"
                            src="//i8.mifile.cn/v1/a1/5dd69c0a-8f4a-b42f-d840-6c5a47f2cd03!400x400.jpg" lazy="loaded">
                        </div>
                        <h3 class="title">
                          小米插线板 5孔位
                        </h3>
                        <p class="desc">多重安全保护</p>
                        <p class="price"><span class="num">39</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="小米蓝牙耳机AirDots青春版"
                            data-src="//i8.mifile.cn/b2c-mimall-media/92af1f21293fabfbf2a112892b864925!200x200.jpg"
                            src="//i8.mifile.cn/b2c-mimall-media/92af1f21293fabfbf2a112892b864925!200x200.jpg"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米蓝牙耳机AirDots青春版
                        </h3>
                        <p class="price"><span class="num">169</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>热门</small>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="span16_div2">
                  <ul class="brick-list clearfix">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="Redmi AirDots 2真无线蓝牙耳机"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/7d9e8308f5f55bfa69c5c7fadc7cb4aa.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          Redmi AirDots 2真无线蓝牙耳机
                        </h3>
                        <p class="desc">支持蓝牙5.0，自动秒连，拿起就能用</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                        </a>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米真无线蓝牙耳机Air 2s"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6306bf6d8aede9f6f48d8e4d9256db2.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米真无线蓝牙耳机Air 2s
                        </h3>
                        <p class="desc">全面升级，智慧真无线</p>
                        <p class="price"><span class="num">369</span>元
                          <!----><del><span class="num">399</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米降噪项圈蓝牙耳机"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/faf8668acb2fd80c0afad4d4c4e837ad.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/faf8668acb2fd80c0afad4d4c4e837ad.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米降噪项圈蓝牙耳机
                        </h3>
                        <p class="desc">无线降噪，静无止境</p>
                        <p class="price"><span class="num">399</span>元
                          <!----><del><span class="num">499</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米小爱音箱 Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b619d27877bbc497468c673a317a847.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/8b619d27877bbc497468c673a317a847.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米小爱音箱 Pro
                        </h3>
                        <p class="desc">语音遥控5000+品牌主流家电</p>
                        <p class="price"><span class="num">299</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米小爱音箱 Art 电池版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ab7943ae5215e0faacb04f7270d9cfb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1ab7943ae5215e0faacb04f7270d9cfb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米小爱音箱 Art 电池版
                        </h3>
                        <p class="desc">不插电，让音乐更自由</p>
                        <p class="price"><span class="num">399</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米小爱音箱 Art"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c278ccaa2a2b7e0ab9b294a3a0ec32b.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1c278ccaa2a2b7e0ab9b294a3a0ec32b.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米小爱音箱 Art
                        </h3>
                        <p class="desc">极光下的声音艺术</p>
                        <p class="price"><span class="num">349</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米小爱音箱 "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e13900c094ae4ac4eb53b35f2d0c95b0.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e13900c094ae4ac4eb53b35f2d0c95b0.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米小爱音箱
                        </h3>
                        <p class="desc">全面升级 旗舰音质</p>
                        <p class="price"><span class="num">249</span>元
                          <!----><del><span class="num">269</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="小米AI音箱"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/b474f7bb-10e1-ee92-f78f-d87231b0726a.jpg?thumb=1&amp;w=200&amp;h=200"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/b474f7bb-10e1-ee92-f78f-d87231b0726a.jpg?thumb=1&amp;w=200&amp;h=200"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米AI音箱
                        </h3>
                        <p class="price"><span class="num">199</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>耳机音箱</small>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1615d1842fe85914a545297836a44271.jpg?thumb=1&w=2452&h=240&f=webp&q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!-- 配件部分 -->
        <div class="home-brick-box home-brick-box-peijian">
          <div class="box-hd">
            <h2 class="title">配件</h2>
            <div class="more">
              <ul class="tab-list">
                <li class="tab-active">
                  热门
                </li>
                <li class="">
                  充电器
                </li>
              </ul>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9f64bbd58c3f5001bdf0688894f22cb6.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ffe4182f1d9a5befdf2380ec90ae1620.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <div class="span16_div1">
                  <ul class="brick-list">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米氮化镓GaN充电器 Type-C 65W "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米氮化镓GaN充电器 Type-C 65W
                        </h3>
                        <p class="desc">氮化镓黑科技 65W MAX 大功率快充</p>
                        <p class="price"><span class="num">139</span>元
                          <!----><del><span class="num">149</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="高速无线充套装"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9eb0178e3bfeb7d170edd641fb4be4bc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          高速无线充套装
                        </h3>
                        <p class="desc">快速无线闪充，Qi充电标准</p>
                        <p class="price"><span class="num">149</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米无线充电宝青春版10000mAh"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f32af53d1ad60f4980146f6a2b81019.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/1f32af53d1ad60f4980146f6a2b81019.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米无线充电宝青春版10000mAh
                        </h3>
                        <p class="desc">能量满满，无线有线都能充</p>
                        <p class="price"><span class="num">129</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米车载充电器快充版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/01dba858b327eeeadf34ce8a1d794ed4.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/01dba858b327eeeadf34ce8a1d794ed4.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米车载充电器快充版
                        </h3>
                        <p class="desc">双口快充，安全稳定</p>
                        <p class="price"><span class="num">69</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米USB充电器65W 快充版（2A1C）"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e4b3bff030170ad1a07dfb50311352c9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e4b3bff030170ad1a07dfb50311352c9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米USB充电器65W 快充版（2A1C）
                        </h3>
                        <p class="desc">超级快充，三台设备同时充</p>
                        <p class="price"><span class="num">129</span>元
                          <!----><del><span class="num">149</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米Type-C转Lightning数据线 1m"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/573e9cb39b0d8c7f2cd063621142fe44.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/573e9cb39b0d8c7f2cd063621142fe44.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米Type-C转Lightning数据线 1m
                        </h3>
                        <p class="desc">苹果MFi官方认证，支持快充</p>
                        <p class="price"><span class="num">59</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米车载充电器快充版1A1C 100W"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米车载充电器快充版1A1C 100W
                        </h3>
                        <p class="desc">小米车载充电器快充版1A1C 100W</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="小米氮化镓GaN充电器 Type-C 65W "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米氮化镓GaN充电器 Type-C 65W
                        </h3>
                        <p class="price"><span class="num">139</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>热门</small>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="span16_div2">
                  <ul class="brick-list clearfix">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米氮化镓GaN充电器 Type-C 65W "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f8fde8a877fd4b12ad88119d9b6bc061.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米氮化镓GaN充电器 Type-C 65W
                        </h3>
                        <p class="desc">氮化镓黑科技 65W MAX 大功率快充</p>
                        <p class="price"><span class="num">139</span>元
                          <!----><del><span class="num">149</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米立式风冷无线充 30W "
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/15ac53312f850bfcc73bdc5a185fda8a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/15ac53312f850bfcc73bdc5a185fda8a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米立式风冷无线充 30W
                        </h3>
                        <p class="desc">解锁充电新姿势</p>
                        <p class="price"><span class="num">199</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米立式无线充电器 通用快充20W"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb115b0d5e6cc24c39c1ae818b63bf1a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/bb115b0d5e6cc24c39c1ae818b63bf1a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米立式无线充电器 通用快充20W
                        </h3>
                        <p class="desc">横竖可充，迅速感应边充边玩</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家智能插座蓝牙网关版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c85b67f1c4f5e460a4be5cea5858264b.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c85b67f1c4f5e460a4be5cea5858264b.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家智能插座蓝牙网关版
                        </h3>
                        <p class="desc">让传统家电变智能</p>
                        <p class="price"><span class="num">79</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家插线板6位基础版（含3口USB 2A快充）"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/554198af-55ec-8400-7a04-66a8f3e0dd66.jpg?thumb=1&amp;w=400&amp;h=400"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-miapp-a1/554198af-55ec-8400-7a04-66a8f3e0dd66.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家插线板6位基础版（含3口USB 2A快充）
                        </h3>
                        <p class="desc">小巧设计，便捷不占地儿</p>
                        <p class="price"><span class="num">79</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米插线板（含3口USB 2A快充）"
                            data-src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/d6484113b03acde1672d50c395c09763.jpg?thumb=1&amp;w=400&amp;h=400"
                            src="//cdn.cnbj0.fds.api.mi-img.com/b2c-mimall-media/d6484113b03acde1672d50c395c09763.jpg?thumb=1&amp;w=400&amp;h=400"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米插线板（含3口USB 2A快充）
                        </h3>
                        <p class="desc">3个USB充电口，支持快充</p>
                        <p class="price"><span class="num">49</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米USB充电器65W 快充版（2A1C）"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e4b3bff030170ad1a07dfb50311352c9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e4b3bff030170ad1a07dfb50311352c9.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米USB充电器65W 快充版（2A1C）
                        </h3>
                        <p class="desc">超级快充，三台设备同时充</p>
                        <p class="price"><span class="num">129</span>元
                          <!----><del><span class="num">149</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="小米Type-C充电器快充版 20W"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/028d84b7e54574047e6bafe52f781ee7.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/028d84b7e54574047e6bafe52f781ee7.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米Type-C充电器快充版 20W
                        </h3>
                        <p class="price"><span class="num">39</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>充电器</small>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/9880db34d227b6c1df5b45cb7df4f465.jpg?thumb=1&w=2452&h=240&f=webp&q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 周边 -->
        <div class="home-brick-box home-brick-box-zhoubian">
          <div class="box-hd">
            <h2 class="title">周边</h2>
            <div class="more">
              <ul class="tab-list">
                <li class="tab-active">
                  热门
                </li>
                <li class="">
                  出行
                </li>
              </ul>
            </div>
          </div>
          <div class="box-bd">
            <div class="row">
              <div class="span4">
                <ul class="brick-promo-list">
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ca0940f052227d235e7de5678d106c89.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                  <li class="brick-item  brick-item-m">
                    <img alt=""
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/0497ba8520dc4aca9d55e6b841d42331.jpg?thumb=1&w=468&h=600&f=webp&q=90"
                      lazy="loaded">
                  </li>
                </ul>
              </div>
              <div class="span16">
                <div class="span16_div1">
                  <ul class="brick-list clearfix">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家飞行员太阳镜 Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家飞行员太阳镜 Pro
                        </h3>
                        <p class="desc">尼龙偏光，轻巧佩戴</p>
                        <p class="price"><span class="num">179</span>元
                          <!----><del><span class="num">199</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米巨能写中性笔10支装"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米巨能写中性笔10支装
                        </h3>
                        <p class="desc">一支顶4支，超长顺滑书写</p>
                        <p class="price"><span class="num">9.99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家迷你保温杯"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03d94ee6059481a6adcb6c4c5c572fb4.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/03d94ee6059481a6adcb6c4c5c572fb4.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家迷你保温杯
                        </h3>
                        <p class="desc">可以随身携带的温度</p>
                        <p class="price"><span class="num">49</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="贝医生巴氏牙刷 四色装"
                            data-src="//i8.mifile.cn/v1/a1/413f5e2f-53e7-0879-119c-8b4466feea53!400x400.jpg"
                            src="//i8.mifile.cn/v1/a1/413f5e2f-53e7-0879-119c-8b4466feea53!400x400.jpg" lazy="loaded">
                        </div>
                        <h3 class="title">
                          贝医生巴氏牙刷 四色装
                        </h3>
                        <p class="desc">进口刷毛，好品质</p>
                        <p class="price"><span class="num">39.9</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家运动鞋4"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0b1119165c481376399aab53330e015.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d0b1119165c481376399aab53330e015.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家运动鞋4
                        </h3>
                        <p class="desc">轻盈若絮,弹若脱兔</p>
                        <p class="price"><span class="num">169</span>元
                          <!----><del><span class="num">199</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家指甲刀五件套"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/18ebd0837a5f265deaee9231aa3e1245.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/18ebd0837a5f265deaee9231aa3e1245.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家指甲刀五件套
                        </h3>
                        <p class="desc">轻巧多用，优雅随行</p>
                        <p class="price"><span class="num">39.9</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="8H乳胶床垫2"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f9017bebb14740ea46673aaa81a616cb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f9017bebb14740ea46673aaa81a616cb.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          8H乳胶床垫2
                        </h3>
                        <p class="desc">软硬双面可睡</p>
                        <p class="price"><span class="num">499</span>元<span>起</span><del><span
                              class="num">599</span>元</del></p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="MIJOY 唱片机车载香薰"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1062daf42a1a5b2a9108510ecf83d0b.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c1062daf42a1a5b2a9108510ecf83d0b.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          MIJOY 唱片机车载香薰
                        </h3>
                        <p class="price"><span class="num">49</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>热门</small>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="span16_div2">
                  <ul class="brick-list clearfix">
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="九号卡丁车Pro兰博基尼汽车定制版"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/609d0a457c7f8ac27d76f953c8acb7fc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/609d0a457c7f8ac27d76f953c8acb7fc.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          九号卡丁车Pro兰博基尼汽车定制版
                        </h3>
                        <p class="desc">九号卡丁车Pro兰博基尼汽车定制版</p>
                        <p class="price"><span class="num">9999</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家飞行员太阳镜 Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/cccac948e1b8ffb47f1fecde67692e60.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家飞行员太阳镜 Pro
                        </h3>
                        <p class="desc">尼龙偏光，轻巧佩戴</p>
                        <p class="price"><span class="num">179</span>元
                          <!----><del><span class="num">199</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="九号平衡车"
                            data-src="//i8.mifile.cn/v1/a1/T1r_x_BgLT1RXrhCrK!400x400.jpg"
                            src="//i8.mifile.cn/v1/a1/T1r_x_BgLT1RXrhCrK!400x400.jpg" lazy="loaded"></div>
                        <h3 class="title">
                          九号平衡车
                        </h3>
                        <p class="desc">年轻人的酷玩具</p>
                        <p class="price"><span class="num">1799</span>元
                          <!----><del><span class="num">1999</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米米家电动滑板车Pro"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/aabf1a475043266cf4759ec58d0f679c.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/aabf1a475043266cf4759ec58d0f679c.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米米家电动滑板车Pro
                        </h3>
                        <p class="desc">性能提升，动力更强劲</p>
                        <p class="price"><span class="num">2699</span>元
                          <!----><del><span class="num">2799</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="米家经典方框太阳镜"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c9871569c0b49b769bd74f5cce81e45a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/c9871569c0b49b769bd74f5cce81e45a.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          米家经典方框太阳镜
                        </h3>
                        <p class="desc">复古设计，偏光自修复</p>
                        <p class="price"><span class="num">89</span>元
                          <!----><del><span class="num">99</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米车载充电器快充版1A1C 100W"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/fffc0a962387dff2f70aeb009ddf69ff.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米车载充电器快充版1A1C 100W
                        </h3>
                        <p class="desc">小米车载充电器快充版1A1C 100W</p>
                        <p class="price"><span class="num">99</span>元
                          <!---->
                          <!---->
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <li class="brick-item brick-item-m brick-item-m-2">
                        <div class="figure figure-img"><img width="160" height="160" alt="小米对讲机Lite"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3f182e898b25285bd8279cbc72c9686e.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/3f182e898b25285bd8279cbc72c9686e.jpg?thumb=1&amp;w=400&amp;h=400&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米对讲机Lite
                        </h3>
                        <p class="desc">小米对讲机Lite</p>
                        <p class="price"><span class="num">99</span>元
                          <!----><del><span class="num">129</span>元</del>
                        </p>
                      </li>
                      <!---->
                    </div>
                    <div>
                      <!---->
                      <li class="brick-item brick-item-s">
                        <div class="figure figure-img"><img width="80" height="80" alt="小米无线充电宝30W 10000mAh"
                            data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2589bc96718b0db697b23ff765c01c3.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/e2589bc96718b0db697b23ff765c01c3.jpg?thumb=1&amp;w=200&amp;h=200&amp;f=webp&amp;q=90"
                            lazy="loaded"></div>
                        <h3 class="title">
                          小米无线充电宝30W 10000mAh
                        </h3>
                        <p class="price"><span class="num">199</span>元
                          <!---->
                        </p>
                      </li>
                    </div>
                    <li class="brick-item brick-item-s">
                      <div class="figure figure-more"><i class="iconfont iconfont-circle-arrow-right">&#xe83c;</i></div>
                      <div class="more">
                        浏览更多
                        <small>出行</small>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 横跨图片 -->
        <div class="home-banner-box">
          <img alt="test" width="1226" height="120"
            src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/88e35cffc82cd98cd53172460067af17.jpg?thumb=1&w=2452&h=240&f=webp&q=90"
            lazy="loaded">
        </div>
        <!--  -->
        <!--  -->
        <!--  -->
        <!-- 视频部分 -->
        <div class="home-brick-box home-brick-box-shipin">
          <div class="box-hd">
            <h2 class="title">视频</h2>
            <div class="more"><a href="//www.mi.com/a/h/14933.html" class="more-link" stat_exposure="true">查看全部 <i
                  class="iconfont iconfont-arrow-right-big"></i></a></div>
          </div>
          <div class="box-bd clearfix">
            <ul class="video-list clearfix">
              <li class="video-item ">
                <a href="javascript: void(0);" data-log_code="" title="点击播放视频" stat_exposure="true">
                  <div class="figure figure-img">
                    <img width="296" height="180" alt="Redmi 10X系列发布会"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/101b19aca4bb489bcef0f503e44ec866.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      lazy="loaded">
                    <span class="play"><i class="icon iconfont">&#xe83d;</i></span>
                  </div>
                  <h3 class="title">
                    Redmi 10X系列发布会
                  </h3>
                  <p class="desc">
                    Redmi 10X系列发布会
                  </p>
                </a>
              </li>
              <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频"
                  stat_exposure="true">
                  <div class="figure figure-img"><img width="296" height="180" alt="小米10 青春版 发布会"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/96563e75833ba4563bd469dd28203b09.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      lazy="loaded"><span class="play"><i class="icon iconfont">&#xe83d;</i></span></div>
                  <h3 class="title">
                    小米10 青春版 发布会
                  </h3>
                  <p class="desc">

                  </p>
                </a></li>
              <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频"
                  stat_exposure="true">
                  <div class="figure figure-img"><img width="296" height="180" alt="小米10 8K手机拍大片"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/2fd26bb99b723337a2f8eaba84f7d5bb.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      lazy="loaded"><span class="play"><i class="icon iconfont">&#xe83d;</i></span></div>
                  <h3 class="title">
                    小米10 8K手机拍大片
                  </h3>
                  <p class="desc">

                  </p>
                </a></li>
              <li class="video-item "><a href="javascript: void(0);" data-log_code="" title="点击播放视频"
                  stat_exposure="true">
                  <div class="figure figure-img"><img width="296" height="180" alt="小米10发布会"
                      data-src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8dd25cab48c60fc6387b9001eddc3f9.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/a8dd25cab48c60fc6387b9001eddc3f9.jpg?thumb=1&amp;w=592&amp;h=360&amp;f=webp&amp;q=90"
                      lazy="loaded"><span class="play"><i class="icon iconfont">&#xe83d;</i></span></div>
                  <h3 class="title">
                    小米10发布会
                  </h3>
                  <p class="desc">

                  </p>
                </a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <!--  -->
    <!--  -->
    <!-- 第四部分 -->
    <!--  -->
    <!--  -->
    <!--  -->
    <!--  -->
    <div class="four">
      <div class="container">
        <div class="site-footer">
          <div class="footer-service">
            <ul class="list-service ">
              <li><a rel="nofollow" href="//www.mi.com/service/quick-repair" target="_blank" stat_exposure="true"><em
                    class="iconfont">&#xe659;</em>预约维修服务</a></li>
              <li><a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank" stat_exposure="true"><em
                    class="iconfont">&#xe61f;</em>7天无理由退货</a></li>
              <li>
                <a rel="nofollow" href="//www.mi.com/service/exchange#back" target="_blank" stat_exposure="true">
                  <em class="iconfont">&#xe83e;</em>15天免费换货</a>
              </li>
              <li><a rel="nofollow" href="//www.mi.com/service/buy/Postal%20policy" target="_blank"
                  stat_exposure="true"><em class="iconfont">&#xe633;</em><span id="J_footerPrice">满99元包邮</span></a></li>
              <li><a rel="nofollow" href="//www.mi.com/service/sitelist" target="_blank" stat_exposure="true"><em
                    class="iconfont">&#xe611;</em>520余家售后网点</a></li>
            </ul>
          </div>
          <div class="footer-links ">
            <dl class="col-links col-links-first">
              <dt>帮助中心</dt>
              <dd><a rel="nofollow" href="//www.mi.com/service/account/Account%20registration/" target="_blank"
                  stat_exposure="true">账户管理</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/buy/SalesTime/" target="_blank"
                  stat_exposure="true">购物指南</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/order/sendprogress/" target="_blank"
                  stat_exposure="true">订单操作</a></dd>
            </dl>
            <dl class="col-links ">
              <dt>服务支持</dt>
              <dd><a rel="nofollow" href="//www.mi.com/service/exchange" target="_blank" stat_exposure="true">售后政策</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/" target="_blank" stat_exposure="true">自助服务</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/download/" target="_blank" stat_exposure="true">相关下载</a>
              </dd>
            </dl>
            <dl class="col-links ">
              <dt>线下门店</dt>
              <dd><a rel="nofollow" href="//www.mi.com/service/mihome/list" target="_blank"
                  stat_exposure="true">小米之家</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/sitelist" target="_blank" stat_exposure="true">服务网点</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/family-location" target="_blank"
                  stat_exposure="true">授权体验店</a></dd>
            </dl>
            <dl class="col-links ">
              <dt>关于小米</dt>
              <dd><a rel="nofollow" href="//www.mi.com/about/" target="_blank" stat_exposure="true">了解小米</a></dd>
              <dd><a rel="nofollow" href="//hr.xiaomi.com/" target="_blank" stat_exposure="true">加入小米</a></dd>
              <dd><a rel="nofollow" href="//company.mi.com/zh-cn/ir/indexContent/index.html" target="_blank"
                  stat_exposure="true">投资者关系</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/csr/" target="_blank" stat_exposure="true">企业社会责任</a></dd>
              <dd><a rel="nofollow" href="//www.mi.com/integrity" target="_blank" stat_exposure="true">廉洁举报</a></dd>
            </dl>
            <dl class="col-links ">
              <dt>关注我们</dt>
              <dd><a rel="nofollow" href="//weibo.com/xiaomishangcheng" target="_blank" stat_exposure="true">新浪微博</a>
              </dd>
              <dd><a rel="nofollow" href="javascript:void(0);" id="J_siteWeixinCode" stat_exposure="true">官方微信</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/about/contact/" target="_blank" stat_exposure="true">联系我们</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/foundation/index" target="_blank" stat_exposure="true">公益基金会</a>
              </dd>
            </dl>
            <dl class="col-links ">
              <dt>特色服务</dt>
              <dd><a rel="nofollow" href="//www.mi.com/order/fcode" target="_blank" stat_exposure="true">F 码通道</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/order/giftcode" target="_blank" stat_exposure="true">礼物码</a>
              </dd>
              <dd><a rel="nofollow" href="//www.mi.com/service/imei" target="_blank" stat_exposure="true">防伪查询</a>
              </dd>
            </dl>
            <div class="col-contact">
              <p class="phone">400-100-5678</p>
              <p>8:00-18:00（仅收市话费）</p> <a rel="nofollow" class="btn btn-line-primary btn-small J_contactBtn"
                stat_exposure="true"><em class="iconfont">&#xe609;</em> 人工客服 </a>
              <div class="follow">关注小米：<a href="https://weibo.com/xiaomishangcheng" target="_blank" class="wb"
                  stat_exposure="true"></a><a href="javascript:void(0);" id="J_followWx" class="wx"
                  stat_exposure="true"></a> <img src="//cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/wx-img.png"
                  id="J_followWxImg"></div>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!--  -->
    <!--  -->
    <!--  -->
    <!-- 第5部分 -->
    <div class="five">
      <div class="container">
        <div class="logo ir">小米官网</div>
        <div class="info-text">
          <p class="sites"><a rel="nofollow" href="//www.mi.com/index.html" target="_blank"
              stat_exposure="true">小米商城</a> <span class="sep">|</span> <a rel="nofollow" href="//www.miui.com/"
              target="_blank" stat_exposure="true">MIUI</a> <span class="sep">|</span> <a rel="nofollow"
              href="//home.mi.com/index.html" target="_blank" stat_exposure="true">米家</a> <span class="sep">|</span>
            <a rel="nofollow" href="http://www.miliao.com/" target="_blank" stat_exposure="true">米聊</a> <span
              class="sep">|</span> <a rel="nofollow" href="//www.duokan.com/" target="_blank"
              stat_exposure="true">多看</a> <span class="sep">|</span> <a rel="nofollow" href="//game.xiaomi.com/"
              target="_blank" stat_exposure="true">游戏</a> <span class="sep">|</span> <a rel="nofollow"
              href="//b.mi.com/?client_id=180100031058&amp;masid=17409.0358" target="_blank"
              stat_exposure="true">政企服务</a> <span class="sep">|</span> <a rel="nofollow" href="//xiaomi.tmall.com/"
              target="_blank" stat_exposure="true">小米天猫店</a> <span class="sep">|</span> <a rel="nofollow"
              href="//privacy.mi.com/all/zh_CN/" target="_blank" stat_exposure="true">小米集团隐私政策</a> <span
              class="sep">|</span> <a rel="nofollow" href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/f516fe9e2c01.html"
              target="_blank" stat_exposure="true">小米公司儿童信息保护规则</a> <span class="sep">|</span> <a rel="nofollow"
              href="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/ded8d0e4a77d.html" target="_blank"
              stat_exposure="true">小米商城隐私政策</a> <span class="sep">|</span> <a rel="nofollow"
              href="//www.mi.com/about/user-agreement/" target="_blank" stat_exposure="true">小米商城用户协议</a> <span
              class="sep">|</span> <a rel="nofollow" href="//static.mi.com/feedback/" target="_blank"
              stat_exposure="true">问题反馈</a> <span class="sep">|</span> <a rel="nofollow" href="javascript:void(0);"
              class="J_siteGlobalRegion" stat_exposure="true">Select Location</a>
          </p>
          <p class="sites"><a rel="nofollow" href="http://www.mi.com/beihu" target="_blank"
              stat_exposure="true">北京互联网法院法律服务工作站</a> <span class="sep">|</span> <a rel="nofollow"
              href="http://www.cca.org.cn/" target="_blank" stat_exposure="true">中国消费者协会</a> <span class="sep">|</span>
            <a rel="nofollow" href="http://www.bj315.org/" target="_blank" stat_exposure="true">北京市消费者协会</a>
          </p>
          <p>
            ©
            <a href="javascript:;" target="_blank" title="mi.com" stat_exposure="true">mi.com</a> 京ICP证110507号
            <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" stat_exposure="true">京ICP备10046444号</a>
            <a rel="nofollow" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802020134"
              target="_blank" stat_exposure="true">京公网安备11010802020134号</a> <a href="//www.mi.com/culture-license/"
              target="_blank" stat_exposure="true">京网文[2020]0276-042号</a> <br> <a href="//www.mi.com/medical/record/"
              target="_blank" stat_exposure="true">（京）网械平台备字（2018）第00005号</a> <a
              href="//www.mi.com/medical/qualification/" target="_blank" stat_exposure="true">互联网药品信息服务资格证
              (京)-非经营性-2014-0090</a> <a href="//www.mi.com/business-license/" target="_blank"
              stat_exposure="true">营业执照</a> <a href="//www.mi.com/medical/list/" target="_blank"
              stat_exposure="true">医疗器械质量公告</a> <br> <a
              href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e0c7d4cf3b7cd88de10196e30c92e020.png" target="_blank"
              stat_exposure="true">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
            <a href="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/c6859168166651511897f54fa1047fe3.png" target="_blank"
              stat_exposure="true">食品经营许可证</a> <br>
            违法和不良信息举报电话：171-5104-4404&nbsp;<a href="https://www.mi.com/intellectual" target="_blank"
              stat_exposure="true">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
          </p>
        </div>
        <div class="info-links">
          <a rel="nofollow"
            href="//privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&amp;lang=zh-cn"
            target="_blank">
            <img rel="nofollow" src="//i1.mifile.cn/f/i/17/site/truste.png" alt="TRUSTe Privacy Certification">
          </a>
          <a rel="nofollow" href="//search.szfw.org/cert/l/CX20120926001783002010" target="_blank">
            <img rel="nofollow" src="//s01.mifile.cn/i/v-logo-2.png" alt="诚信网站">
          </a>
          <a rel="nofollow" href="//ss.knet.cn/verifyseal.dll?sn=e12033011010015771301369&amp;ct=df&amp;pa=461082"
            target="_blank"><img rel="nofollow" src="//s01.mifile.cn/i/v-logo-1.png" alt="可信网站">
          </a>
          <a rel="nofollow" href="//www.mi.com/service/buy/commitment/" target="_blank"><img rel="nofollow"
              src="//i8.mifile.cn/b2c-mimall-media/ba10428a4f9495ac310fd0b5e0cf8370.png" alt="诚信经营 放心消费">
          </a>
          <a rel="nofollow" href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"
            class="safe-auth">
            <img rel="nofollow"
              src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/f1ee261b96ae71e845efba398efeca02.png"
              class="img1">
            <img rel="nofollow"
              src="https://cnbj1.fds.api.xiaomi.com/b2c-misite-activity/0e5023ba09b531f46c11a3263b3bd7c8.png"
              class="img2">
          </a>
        </div>
      </div>
      <div class="slogan ir">探索黑科技，小米为发烧而生</div>
    </div>

    <!-- 回到顶部 -->

  </div>
  <!--  -->
  <!--  -->
  <!--  -->
  <!--  -->
  <!-- 回到顶部 -->
  <div data-v-087b3ba0="" class="home-tool-bar home-tool-bar-small mini">
    <a class="item item-image">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/98a23aae70f25798192693f21c4d4039.png"
          class="static">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/74c4fcb4475af8308e9a670db9c01fdf.png"
          class="hover">
      </div>
      <span data-v-087b3ba0="" class="text">
        手机APP
      </span>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>

      <div data-v-087b3ba0="" class="pop-content">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/93650133310ec1c385487417a472a26c.png">
        <span data-v-087b3ba0="" class="desc">
          扫码领取新人百元礼包
        </span>
      </div>
      <!---->
    </a>
    <a class="item ">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/55cad219421bee03a801775e7309b920.png"
          class="static">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/41f858550f42eb1770b97faf219ae215.png"
          class="hover">
      </div>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>
      <span data-v-087b3ba0="" class="text">
        个人中心
        <!---->
      </span>

      <!---->
      <!---->
    </a>
    <a class="item ">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0=""
          src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/12eb0965ab33dc8e05870911b90f3f13.png" class="static"><img
          data-v-087b3ba0="" src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/95fbf0081a06eec7be4d35e277faeca0.png"
          class="hover">
      </div>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>
      <span data-v-087b3ba0="" class="text">
        售后服务
        <!---->
      </span>

      <!---->
      <!---->
    </a>
    <a class="item ">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/4f036ae4d45002b2a6fb6756cedebf02.png"
          class="static">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/5e9f2b1b0da09ac3b3961378284ef2d4.png"
          class="hover">
      </div>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>
      <span data-v-087b3ba0="" class="text">
        人工客服
        <!---->
      </span>

      <!---->
      <!---->
    </a>
    <a class="item ">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/d7db56d1d850113f016c95e289e36efa.png"
          class="static">
        <img data-v-087b3ba0="" src="https://i8.mifile.cn/b2c-mimall-media/692a6c3b0a93a24f74a29c0f9d68ec71.png"
          class="hover">
      </div>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>
      <span data-v-087b3ba0="" class="text">购物车（0）</span>

      <!---->
      <!---->
    </a>
    <a class="item backtop active">
      <div data-v-087b3ba0="" class="icon">
        <img data-v-087b3ba0="" src="//i1.mifile.cn/f/i/2018/home/totop.png" class="static">
        <img data-v-087b3ba0="" src="//i1.mifile.cn/f/i/2018/home/totop_hover.png" class="hover">
      </div>
      <div class="gujianh">
        <div class="sangg"></div>
      </div>
      <span data-v-087b3ba0="" class="text">回顶部</span>

    </a>
  </div>

  <script src="../lib/swiper/js/swiper.min.js"></script>
  <script src="../lib/jquery/dist/jquery.min.js"></script>
  <script src="../lib/bootstrap/dist/js/bootstrap.min.js"></script>
  <script src="../lib/font/iconfont.js"></script>
  <script src="../js/nav.js"></script>
  <script src="../js/side.js"></script>
  <script src="../js/two.js"></script>
  <script src="../js/three.js"></script>
  <script src="../js/three-jiadian.js"></script>
  <script src="../js/three-zhineng.js"></script>
  <script src="../js/three-dapei.js"></script>
  <script src="../js/three-peijian.js"></script>
  <script src="../js/three-zhoubian.js"></script>
  <script src="../js/three-shipin.js"></script>
  <script src="../js/four.js"></script>
  <script src="../js/huidaodingbu.js"></script>



</body>

</html>